<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>9*9</title>
	<script type="text/javascript">
		// document.write("<table boder(1px)width(650px) height(300px)>");
		document.write("<table>");
			for(var a=9; a>=1;a--){
				document.write("<tr>");
				for(var i=1; i<=9;i++){
					if(i<=a){
					if(i%2==0 && a%2==0){
						document.write("<td class='ououshu'>");
					}	
					else if(i%2==0){
						document.write("<td class='oushu'>");
					}else{
						document.write("<td class='jishu'>");
					}

					
					document.write(i+"*"+a+"="+a*i+" ")
					document.write("</td>");
				}
			}
				document.write("</tr>");
			}
		document.write("</table>");

	</script>
	<style type="text/css">
		td.jishu{
			background: red url() 0 0 no-repeat;
		}
		td.oushu{
			background: blue url() 0 0 no-repeat;
		}
		td.ououshu{
			background: #D5DBED url() 0 0 no-repeat;
		}
	
	</style>
</head>
<body>
	
</body>
</html>